/* CSS Document */
body{ background: #f0f0f0;}
.wrapper{ bottom:4.0rem;}

.pbanner{ position: relative; overflow: hidden;}
.pbanner img{ width:100%;}
.pbanner p{ display: inline-block; padding:0.3rem 1rem; font-size: 1.0rem; color:#fff; border-radius: 1.8rem; background: rgba(0,0,0,0.5); 
position: absolute; bottom:0; left:0; }
.pbanner div{   width:120%; height: 120%; position: absolute; left:0; top:0; -webkit-filter: blur(10px); filter: blur(10px);  
background: url(../img/pbanner_bg.jpg) no-repeat center center; background-size: cover;}   

.part{ position: relative;}
.part h3{ height:3rem; line-height: 3rem; background: #ffea01;}
.part h3 p{ width:80%; margin:0 auto; font-size: 1.4rem; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.ul_part{ margin:1.2rem 1rem 0;}
.ul_part li{ margin-bottom: 1.2rem; display: -webkit-box;}
.ul_part li>div:nth-of-type(1){ width:3rem;}
.ul_part li>div:nth-of-type(1) img{ width:3rem; height: 3rem; border-radius: 50%;}
.ul_part li>div:nth-of-type(2){ -webkit-box-flex:1; padding-left:1rem;}
.ul_part li>div:nth-of-type(2) .voice{ padding:0 1rem 0 6rem;  height: 2.8rem; line-height: 2.8rem; display: inline-block;
border-radius: 0.4rem;font-style:normal; font-size: 1.2rem; background:#fff url(../img/icon_voice.png) no-repeat 0.8rem center/auto 1.6rem; position: relative; }
.ul_part div:nth-of-type(2).play span{ width:0.4rem; height: 0.4rem; background: red; border-radius: 50%; 
position: absolute; right:-0.8rem; top:0;}
.ul_part div:nth-of-type(2).active .voice{ background:#fff url(../img/icon_voiced.png) no-repeat 0.8rem center/auto 1.6rem; }

.ul_part .cnt_wrapper{ padding:1rem; background: #fff; border-radius: 0.4rem;}
.ul_part .cnt_wrapper .em{ font-size: 1.1rem; }
.ul_part .cnt_wrapper .cm{ font-size: 1.1rem;}
.ul_part .p_line{ height: 2rem; position: relative; }
.ul_part .p_line:after{ content:""; width:100%; height: 1px; background: #ddd; left:0; top:1rem; position: absolute;}
.ul_part .p_line span{ padding:0 0.5rem; height: 1.2rem; font-size: 1.0rem; color:#666; position: absolute; top:0.4rem; right:0; background: #fff; z-index: 101;}
.part .blur{width:300%; height: 100%; margin-top: -40px; position: absolute; left:-100%; top:3rem;
background:rgba(255,255,255,0.90); z-index: 110;}
.play audio{ display: none;}

.footer{ width:100%; height:4.0rem; position: absolute; left:0; bottom:0; border-top:1px solid #e5e5e5; display: -webkit-box; background: #ffea01;}
.footer a{ width:100%; line-height: 4.0rem; display: block; font-size: 1.5rem; text-align: center; }
.footer span{ color: #ff393a;}